<template>
  <div id="contact">
    <header>联系我们</header>
    <main>contact we</main>
    <footer>234234232@163.com</footer>
  </div>
</template>
<style lang="less" scope>
#contact {
  margin: 50px;
  float: left;
}
header,
main,
footer {
  margin: 0px 30px;
  width: 300px;
  height: 50px;
  background-color: pink;
  text-align: center;
  line-height: 50px;
  color: #ffff;
  font-size: 20px;
}
header {
  border-bottom: 5px solid yellow;
  background-color: #ccc;
}
</style>